<!DOCTYPE html>
<html>
<head>
	<title>全选反选</title>
	<meta charset="utf-8">
</head>
<body>
	<table>
		<thead>
			<tr>
				<th><input type="checkbox" name=""></th>
				<th></th>
			</tr>	
		</thead>
		<tbody>
			<tr>
				<td><input type="checkbox" name=""></td>
				<td></td>
			</tr>
		</tbody>
	</table>
</body>
<script>
	// input点击事件开始
	$('thead tr th input').click(function (){
		if(this.checked){// 全选未选中状态 则 子元素全部选中
			$(this).siblings().find('input:checkbox').prop('checked', true);// 子元素选中
		}else{
			$(this).siblings().find('input:checkbox').prop('checked', false);
		}
	});
	// input点击事件结束
</script>
</html>
